$control-multieditviewpanel: (
  btn-width: 150px,
);

@include b(control-multieditviewpanel) {
  @include set-component-css-var(control-multieditviewpanel, $control-multieditviewpanel);
  @include flex(column, space-between, stretch);

  width: 100%;
  height: 100%;

  @include b(control-multieditviewpanel-content){
    flex-grow: 1;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    @include b(control-multieditviewpanel-item){
      @include flex(row);

      position: relative;
      width: 100%;
      margin-bottom: getCssVar(spacing, tight);

      >.#{bem(view)}{
        .#{bem(panel-view-header)}{
          padding-right: getCssVar(spacing, loose);
        }
      }
  
      @include b(control-multieditviewpanel-close){
        @include flex(row, center);

        position: absolute;
        top: getCssVar(spacing, base-loose);
        right: getCssVar(spacing, tight);

        >ion-icon:hover{
          color: getCssVar(color, primary);
          cursor: pointer;
        }
      }
    }

    // 上分页
    @include b(control-multieditviewpanel-tabs){
      .el-tabs__nav{
        .el-tabs__item{
          @include b(control-multieditviewpanel-tab-label){
            @include flex(row, space-between, center);
          }
        }
      }
    }
  }

}
